<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="./carp-css/carp.css">
  <script src="./carp-js/iconfont.js"></script>
  <style>
    .icon {
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }

    /* .del {
      height: 2000px;
      width: 50px;
      background: #454545;
    } */
  </style>
</head>

<body>
  <div class="car-f">

    <i>
      <svg class="icon" aria-hidden="true">
        <use xlink:href="#icon-gouwuche1"></use>
      </svg>
    </i>
    <span>购物车</span>

    <div class="car-f-pro">
      <div class="carp-f-list-k">


        <div class="car-list cle">

          <img src="./carp-img/image.png" alt="" class="fl">
          <div class="carp-list-t fl">
            <p class="pro-name">&nbsp;杜夫波尔多半甜白葡萄酒</p>
            <p>Dourthe Grands Terroirs Bordeaux Medium Sweet</p>
            <p><span class="dj">￥129</span>×<span class="sl">2</span></p>
          </div>
          <span class="gb">×</span>
        </div>

      </div>
      <div class="addcar">
        <div class="zj fl">一共<span class="zl">5</span>件商品</div>
        <div class="add-car fr">查看购物车</div>>
      </div>


    </div>
  </div>
  <div class="del"></div>
  <input type="hidden" id="user-id" value="1">
  <div class="car-right">
    <ul>
      <li>
        <i>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-yonghu"></use>
          </svg>
        </i>
        <div class="prompt">
          <div class="user-xx">
            <img class="fl" src="" alt="">
            <div class="fr">
              <p class="username">m231423423534</p>
              <p>账户余额：<span>￥0</span></p>
              <p>☆签到赢积分</p>
            </div>
          </div>
          <div class="h40"></div>
          <div class="tequan">
            <img src="./carp-img/无标题.png" alt="">
          </div>
          <i>
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-diamond"></use>
            </svg>
          </i>
        </div>
      </li>
      <li>
        <i>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-gouwuche"></use>
          </svg>
        </i>
        <p class="car-t">购物车</p>
        <p id="pro-n"></p>
        <div class="prompt">
          <h2>最近加入</h2>
          <div class="carp-list-k">


            <div class="car-list cle">
              <input type="hidden" pro-id="">
              <img src="./carp-img/image.png" alt="" class="fl">
              <div class="carp-list-t fl">
                <p class="pro-name">&nbsp;杜夫波尔多半甜白葡萄酒</p>
                <p>Dourthe Grands Terroirs Bordeaux Medium Sweet</p>
                <p><span class="dj">￥129</span>×<span class="sl">2</span></p>
              </div>
              <span class="gb">×</span>
            </div>

          </div>
          <div class="addcar">
            <div class="zj fl">一共<span class="zl">5</span>件商品</div>
            <div class="add-car fr">查看购物车</div>
          </div>
          <i class="carp-pro-jiantou">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-diamond"></use>
            </svg>
          </i>


      </li>
      <li>
        <i>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-meiyuan"></use>
          </svg>
        </i>
        <div class="pro-meiyuan">
          我的资产
          <i class="carp-pro-jiantou">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-diamond"></use>
            </svg>
          </i>
        </div>

      </li>
      <li>
        <i>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-recharge"></use>
          </svg>
        </i>
        <div class="pro-meiyuan">
          账户充值
          <i class="carp-pro-jiantou">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-diamond"></use>
            </svg>
          </i>
        </div>

      </li>
      <li>
        <i>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-kefu"></use>
          </svg>
        </i>

      </li>
      <li>
        <i>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-yanjing"></use>
          </svg>
        </i>

      </li>
      <li>
        <i>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-qrcode"></use>
          </svg>
        </i>
        <div class="pro-erweima">
          <div class="img"></div>


          <i class="carp-pro-erjiantou">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-diamond"></use>
            </svg>
          </i>
        </div>

      </li>
      <li id="to-top">
        <i>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-top"></use>
          </svg>
        </i>

      </li>
    </ul>
  </div>
  <script src="./carp-js/JQuery.js"></script>
  <script src="./carp-js/carp-js.js"></script>
</body>

</html>